<template>
  <main>
    <div>
      <el-form>
        <el-row>
          <el-col>
            <el-form-item prop="name" label="任务名称">
              <el-input v-model="searchForm.taskName" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <el-table :data="taskList" :border="true">
      <el-table-column label="任务名称" prop="taskName" />
      <el-table-column label="岗位" prop="jobType" />
      <el-table-column label="优先级" prop="jobType" />
      <el-table-column label="周" prop="jobType" />
      <el-table-column label="开始时间" prop="jobType" />
      <el-table-column label="结束时间" prop="jobType" />
      <el-table-column label="任务负责人" prop="jobType" />
      <el-table-column label="小组负责人" prop="jobType" />
      <el-table-column label="任务进度" prop="jobType" />
      <el-table-column label="操作" prop="jobType">
        <template #default>
          <el-button>编辑</el-button>
          <el-button>详情</el-button>
          <el-button>删除</el-button>
        </template>
      </el-table-column>
    </el-table>
  </main>
</template>

<script lang="ts">
export default defineComponent({
  name: "TaskList",
})
</script>

<script lang="ts" setup>
import { useTaskSearchHook } from "@/pages/taskList/useTaskSearchHook"

const { taskList, queryTaskList, searchForm } = useTaskSearchHook()
queryTaskList()
</script>

<style lang="less" scoped></style>
